
table {
  background-color: $table-bg;
}

caption {
  color: $text-muted;
}
.table {
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        border-bottom: 1px solid $table-border-color;
      }
    }
  }
  > thead > tr > th {
    border-bottom: 1px solid $table-border-color;
  }
  > tbody + tbody {
    border-top: 1px solid $table-border-color;
  }
  .table {
    background-color: $body-bg;
  }
}

.table-bordered {
  border-color: $table-border-color;
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        border-right: 1px solid $table-border-color;
      }
      >th:first-child,
      > td:first-child {
        border-left: 1px solid $table-border-color;
      }
    }
  }
}
.table-striped {
  > tbody > tr:nth-of-type(odd) {
    background-color: $table-bg-accent;
  }
}
.table-hover {
  > tbody > tr:hover {
    background-color: $table-bg-hover;
  }
}
@include table-row-variant('active', $table-bg-active);
@include table-row-variant('success', $state-success-bg);
@include table-row-variant('info', $state-info-bg);
@include table-row-variant('warning', $state-warning-bg);
@include table-row-variant('danger', $state-danger-bg);

.table-responsive {
  @media screen and (max-width: $screen-xs-max) {
    border: 1px solid $table-border-color;
  }
}
